<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="UTF-8"%>
<%@include file="/lib/common/basedir.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@include file="/lib/common/headerResource.html"%>
<!--sidebar-->
<link href="<%=basedir%>/lib/css/sidebar.css" rel="stylesheet">
<!--sweet-alert-->
<link rel="stylesheet" type="text/css"
	href="<%=basedir%>/lib/util/sweet-alert/sweet-alert.css">
<title>reserve</title>

<style>
.delete {
	margin-right: 5px;;
}

.add {
	font-size: 1.5em;
}
</style>

</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<!--左侧导航-->
			<div class="col-sm-3 col-md-2 sidebar">
				<%@include file="../sidebar.jsp"%>
			</div>
			<!--右面板-->
			<div
				class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 rightPanel">
				<div class="row">
					<h1 class="page-header col-md-11">店铺管理</h1>
					<span class="glyphicon glyphicon-plus   add" aria-hidden="true"
						role="button" data-toggle="tooltip" data-placement="bottom"
						title="新建店铺"
						onclick="document.location='<%=basedir%>/admin/store/create';"></span>
				</div>

				<h3>所有店铺</h3>
				<div class="table-responsive">
					<table class="table table-striped table-hover">
						<thead>
							<tr>
								<th>序号</th>
								<th>店鋪</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1,001</td>
								<td>dolor</td>
								<td><span class="glyphicon glyphicon-minus delete"
									aria-hidden="true" role="button" data-toggle="tooltip"
									data-placement="bottom" title="刪除店铺"></span></td>
							</tr>

						</tbody>
					</table>
				</div>
			</div>

		</div>
	</div>

	<!-- jquery and bootstrap js -->
	<%@include file="/lib/common/footerResource.html"%>
	<script src="<%=basedir%>/lib/util/sweet-alert/sweet-alert.js"></script>

	<script>
		$(document).ready(function() {
			$('.delete').on('click', function() {
				swal({
					title : "",
					text : "此操作不可逆,你确定要刪除此店铺？",
					allowOutsideClick : true,
					showCancelButton : true,
					confirmButtonColor : "#DD6B55",
					confirmButtonText : "确认",
					cancelButtonText : "取消",
					closeOnConfirm : false
				}, function() {
					swal({
						title : "",
						text : "店铺刪除成功！",
						confirmButtonText : "",
						timer : 800
					});
				});
			});
		});

		//tooltip
		$(function() {
			$("[data-toggle='tooltip']").tooltip();
		});
	</script>
</body>
</html>